<script setup lang="ts">
defineProps<{
   
}>()

import { computed, ref,onMounted  } from 'vue';


</script>

<template>
    <div class="dir-icon">			
        <div class="top"></div>
        <div class="body"></div>
    </div>
</template>

<style scoped>    
		.dir-icon{
            display: flex;
            flex-direction: column;
			align-items: start;
			justify-content: start;
            font-size: 1em;
		}
        .dir-icon .top{
            width:2.2em;
            height: 1em;
            background-color: rgb(248, 186, 27);            
            border-radius: 0.2em 1em 0.30em 0em;
            border:0.1em solid rgb(237, 177, 25);
            z-index:1
        }
        .dir-icon .body{
            width:4.5em;
            height: 3em;
            background-color: rgb(253, 208, 83);            
            border: 0.1em solid rgb(241, 184, 49);
            margin-top: -0.6em;
            border-radius: 0.3em;
        }
    

</style>